<template>
	<div>
		
	    <Row :gutter="16">
	        <Col span="6" style="border-right: 1px dotted #e9eaec">
	            <div>
	            	<Tree :data="baseData"  @on-select-change="changeSelect"></Tree>
	            </div>
	        </Col>
	        <Col span="18">
	            <div>
	            	我们采用了24栅格系统，将区域进行24等分，这样可以轻松应对大部分布局问题。使用栅格系统进行网页布局，可以使页面排版美观、舒适。
我们定义了两个概念，行row和列col，具体使用方法如下我们采用了24栅格系统，将区域进行24等分，这样可以轻松应对大部分布局问题。使用栅格系统进行网页布局，可以使页面排版美观、舒适。
我们定义了两个概念，行row和列col，具体使用方法如下我们采用了24栅格系统，将区域进行24等分，这样可以轻松应对大部分布局问题。使用栅格系统进行网页布局，可以使页面排版美观、舒适。
我们定义了两个概念，行row和列col，具体使用方法如下我们采用了24栅格系统，将区域进行24等分，这样可以轻松应对大部分布局问题。使用栅格系统进行网页布局，可以使页面排版美观、舒适。
我们定义了两个概念，行row和列col，具体使用方法如下我们采用了24栅格系统，将区域进行24等分，这样可以轻松应对大部分布局问题。使用栅格系统进行网页布局，可以使页面排版美观、舒适。
我们定义了两个概念，行row和列col，具体使用方法如下我们采用了24栅格系统，将区域进行24等分，这样可以轻松应对大部分布局问题。使用栅格系统进行网页布局，可以使页面排版美观、舒适。
我们定义了两个概念，行row和列col，具体使用方法如下我们采用了24栅格系统，将区域进行24等分，这样可以轻松应对大部分布局问题。使用栅格系统进行网页布局，可以使页面排版美观、舒适。
我们定义了两个概念，行row和列col，具体使用方法如下我们采用了24栅格系统，将区域进行24等分，这样可以轻松应对大部分布局问题。使用栅格系统进行网页布局，可以使页面排版美观、舒适。
我们定义了两个概念，行row和列col，具体使用方法如下我们采用了24栅格系统，将区域进行24等分，这样可以轻松应对大部分布局问题。使用栅格系统进行网页布局，可以使页面排版美观、舒适。
我们定义了两个概念，行row和列col，具体使用方法如下

	            </div>
	        </Col>
	    </Row>
	</div>
</template>
<script>
	import Base from '../../common/Base.js';

	export default{
		mixins:[Base],
		data(){
			return{
			}
		},
		created(){
			this.$http({
				url:'http://localhost:3000/cate/list/3',
				method:'get'
			}).then(res=>{
				this.baseData=res.data;
			});
		}
	}
</script>